	page{
		// background: $page-color-base;
		background: #FFFFFF;
		padding-bottom: 160upx;
	}
	.icon-you{
		font-size: $font-base + 2upx;
		color: #888;
	}
	.bannerImg {
	  &>image {
		  width: 100%;
		  height: 222upx;
	  }
	 }
	.title{
		width: 750upx;
		height: 115upx;
		display: flex;
		background-color: #FFFFFF;
		align-items: center;// 控制上中下
		justify-content: space-between;// 控制左中右
		// padding-left: 24upx;
		padding-left: 24upx;
		padding-right: 120upx;
		font-size: $font-base + 2upx;
		image{
			width: 53upx;
			height: 51upx;
		}
	}
	.recommend{
		border: 1px solid #FFFFFF;
		width: 100%;
		background-color: #efefef;
		.present {
			display: flex;
			flex-direction: column;
			font-size: $font-sm + 4upx;
			color: #464746;
			margin-top: 22upx;
			background-color: #FFFFFF;
			&>h3{
				font-size: $font-sm + 8upx;
				font-weight: bold;
				padding:35upx 30upx 30upx;
			}
			// .content-box {
			// 	height: 210upx;
			// 	border: 1px solid #ececec;
			// }
			.content-box{
				height: 210upx;
				border-bottom: 1px solid #ececec;
				display: flex;
				background-color: #FFFFFF;
				align-items: center;// 控制上中下
				justify-content: space-between;// 控制左中右
				padding-left: 20upx;
				padding-right: 20upx;
				.food-img{
					position: relative;
					width:202upx;
					height: 128upx;
					// background-image: url('~@/static/imgs/index_voucher/pic_01.png');
					// background-size: cover;
					image{
						width:202upx;
						height: 128upx;
					}
					&>view{
						margin: -44upx 0upx;
						position: absolute;
						height: 44upx;
						width: 202upx;
						color: #FFFFFF;
						background-color: rgba(0,0,0,.2);
						display: flex;
						flex-direction: column;
						align-items: center;// 控制上中下
					}
				}
				// &>image{
				// 	width: 202upx;
				// 	height: 128upx;
				// }
				&>.content-text{
					// margin: -20upx auto;
					width: 468upx;
					display: flex;
					// margin-left: 35upx;
					flex-direction: column;// 强制换行排列
					&>text{
						font-weight: bold;
						font-size: $font-sm + 4upx;
						color: #303133;
						& text{
							float: right;
							color: #808080;
							font-size: $font-sm;
						}
					}
					// &>text:last-child{
					// 	float: right;
					// 	border: 1px solid blue;
					// }
					&>view{
						&>view{
							image{
								width: 25upx;
								height: 23upx;
								margin: 5upx;
							}
						}
					}
					.price{
						&>text{
							color: #e684a6;
							& text{
								color: #808080;
								font-size: $font-sm;
								text-decoration:line-through
							}
						}
					}
					&>view:last-child{
						// position: relative;
						width: 123upx;
						display: flex;
						align-items: center;
						justify-content: center;
						// margin: 75upx 0;
							&>button{
								width: 142upx;
								height:51upx;
								border-radius: 30upx;
								background-color: #de5b89;
								font-size: $font-sm - 2upx;
								// margin: 30upx auto;
							}
						// image{
						// 	width: 123upx;
						// 	height: 38upx;
						// 	// position: absolute;
						// 	// display: ;
						// 	// border-radius: 35upx;
						// 	// background-color: #df618d;
						// }
						// &>text{
						// 	display: block;
						// 	// position: absolute;
						// 	color: #303133;
						// 	font-size: $font-sm;
						// }
					}
				}
			}
			// .btn{
			// 	margin: 75upx 0;
			// 	&>button{
			// 		width: 692upx;
			// 		height: 88upx;
			// 		margin: 30upx auto;
			// 	}
			// }
		}
	}